*{
    margin: 0;
    padding: 0;
} 

@media screen and (min-width: 960px) and (max-width: 1366px){
    .bg{
        position: absolute;
        width: 324px;
        height: 576px;
        top: 50%;
        left: 50%;
        margin-left: -162px;
        margin-top: -288px;
        display: none;
    }
    .swiper-container {
        width: 324px;
        height: 576px;
        cursor: move;
        background-image: url('../images/背景.jpg');
        background-size: 100%;
        overflow: hidden;
    }
}

@media screen and (min-width: 1400px){
    .bg{
        position: absolute;
        width: 596px;
        height: 1060px;
        top: 50%;
        left: 50%;
        margin-left: -298px;
        margin-top: -530px;
        display: none;
    }
    .swiper-container {
        width: 596px;
        height: 1060px;
        cursor: move;
        background-image: url('../images/背景.jpg');
        background-size: 100%;
        overflow: hidden;
    }
}

#demo1,#demo2,#demo3,#demo4,#demo5,#demo6,#demo7{
    width: 100%;
    height: 100%;
    display:block;
    overflow: hidden;
    transform: translate3d(0,0,0);
    text-align: center;
    opacity: 1;
}

 .swiper-slide img {
     width: 100%;
     height: 100%;
 }

 .move {
     -webkit-animation: move 4.0s infinite ease-in-out;
     animation: move 4.0s infinite ease-in-out;
     position: absolute;
     left: 50%;
     margin-left: -5%;
     width: 10%;
     bottom: 6px;
     z-index: 99;
     display: none;
 }

  .start {
     -webkit-animation: move 4.0s infinite ease-in-out;
     animation: move 4.0s infinite ease-in-out;
     position: absolute;
     left: 50%;
     margin-left: -5%;
     width: 10%;
     bottom: 6px;
     z-index: 99;
     display: none;
 }

 @-webkit-keyframes move {
     0%,
     100% {
         -webkit-transform: scale(1.0);
         -moz-transform: scale(1.0);
         -o-transform: scale(1.0);
         -ms-transform: scale(1.0);
         transform: scale(1.0);
         opacity: 1;
     }
     50% {
         -webkit-transform: scale(0.5);
         -ms-transform: scale(0.5);
         -moz-transform: scale(0.5);
         -o-transform: scale(0.5);
         transform: scale(0.5);
         opacity: .5;
     }
 }

 @keyframes move {
     0%,
     100% {
         -webkit-transform: scale(1.0);
         -moz-transform: scale(1.0);
         -o-transform: scale(1.0);
         -ms-transform: scale(1.0);
         transform: scale(1.0);
         opacity: 1;
     }
     50% {
         -webkit-transform: scale(0.5);
         -ms-transform: scale(0.5);
         -moz-transform: scale(0.5);
         -o-transform: scale(0.5);
         transform: scale(0.5);
         opacity: .5;
     }
 }

#m_bg_music{opacity: 0;}
 #bg_music {
     position: absolute;
     top: 6px;
     right: 6px;
     height: 30px;
     width: 30px;
     background-image: url(../images/music.png);
     background-size:cover;
     background-repeat: no-repeat;
     z-index: 100;
     cursor: pointer;
     -webkit-animation: music_disc 4s linear infinite;
     animation: music_disc 4s linear infinite;
     opacity: .6;
 }

 @-webkit-keyframes music_disc {
     0% {
         -webkit-transform: rotate(0deg);
         transform: rotate(0deg);
     }
     100% {
         -webkit-transform: rotate(360deg);
         transform: rotate(360deg);
     }
 }

 @keyframes music_disc {
     0% {
         -webkit-transform: rotate(0deg);
         transform: rotate(0deg);
     }
     100% {
         -webkit-transform: rotate(360deg);
         transform: rotate(360deg);
     }
 }